/* Site Styles */

/* colour palette
#bababb		gray
#24a7d8		blue
#a3cc51		green
#cccccc		footer
*/

*, *:before, *:after {
  box-sizing: border-box;
}

/* for menu separation */
.borderRight {
	border-right:  1px solid #777;
}

.centered {
	text-align: center;
}

.banner-call-out {
	position: absolute;
	display: inline-block;
}

b {
	color: #24a7d8;
	font-weight: 500;
}

/* color classes */
.green {
	color: #a3cc51;
}
.white {
	color: #fff;
}
.blue {
	color: #24a7d8;
}
.red {
	color: #24a7d8;
}
.brown {
	color: #24a7d8;
}
.white {
	color:  #ffffff;
}
.gray {
	color:  #f3f3f3;
}

/* media settings for different screen sizes */
.videoSection { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.videoSection iframe, .videoSection object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* fluid column layout */
.fluid1col, .fluid2col, .fluid3col, .fluid23col, .fluid4col, .fluid5col, .fluid6col, .fluid34col, .fluid45col {
	padding:  10px 10px;
	position: relative;
	display: table-cell;
	width: 100%;
	float: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	height: inherit;
}

.BAimg {
	position: relative;
	width: 100%;
	padding:  5px;
}

@media screen and (min-width: 701px) {
	body {
		height: 100%;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		/*font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;*/
		font-family: 'Roboto', sans-serif;
		color: #333;
	}

	/* wavy separator */
	#wavy, #wavySmall {
		position: absolute;
		float: left;
		bottom: 0;
		width: 100%;
	}
	#wavySmall img {
		width: 100%;
		margin: 0;
		padding: 0;
		float: left;
		z-index: 2;
		height: 120px;	
	}	
	#wavy img {
		width: 100%;
		margin: 0;
		padding: 0;
		float: left;
		z-index: 2;	
		height: 120px;			
	}

	/* custom service panels */
	a.servicePanel:link, a.servicePanel:active, a.servicePanel:visited {
		position: relative;
		display: inline-block;
		padding:  10px;
		margin-top: 0;
		border-radius: 0.5em;
		text-decoration: none;
	}
	a.servicePanel:hover {
		box-shadow: 5px 5px 5px #999;
		margin-top:  -5px;
	}
	.servicePanel h3, .servicePanel p {
		color: #fff;
		text-align: center;
		font-weight: 300;
	}
	.servicePanel h3 {
		text-transform: uppercase;		
	}
	.servicePanel img {
		width: 100%;
		padding: 5% 0 0 10px;
	}	

	.meetDocTitleContainer {
		position: absolute; right: 10px; top: 30px;
	}
	.meetDocTitleLine1 {
		font-size: 2.0em; font-weight: 300; color: #24a7d8; text-align: right;
	}
	.meetDocTitleLine2 {
		border-top: 3px solid #a3cc51
	}	
	.service-icon {
		width:  80%;
		max-width: 165px;
		margin: 20px 0;
	}
	#ticker {
		position: relative;
		display: inline-block;
		text-align: left;
		padding:  10px 20px;
		width: 100%;
		background: #24a7d8;
		border-bottom: 15px solid #a3cc51;
		color: #fff;
		float: left;
	}
	a.headerBtn {
		display: fixed !important;
	}
	#banner-call-out-1, #banner-call-out-2, #banner-call-out-3, #banner-call-out-4 {
		left: 4%;
		top: 50%;
	}
	/* fluid columns */
	.fluid1col {
		width: 100%;
	}
	.fluid2col {
		width: 50%;
	}
	.fluid23col {
		width: 66.666666666666666%;
	}	
	.fluid3col {
		width: 33.33333333333%;		
	}
	.fluid34col {
		width: 75%;	
	}	
	.fluid4col {
		width: 25%;	
	}	
	.fluid5col {
		width: 20%;
	}
	.fluid45col {
		width:  80%;
	}
	.fluid6col {
		width:  16.6666666666%;
	}	
	.space {
		padding-top: 50px;
	}
	#covid-ticker {
		padding: 10px 50px;
	}	
	#blog-section {
		padding: 50px 100px;	
	}
	#pre-footer {
		padding: 20px;
	}
	a.requestButton:link, a.requestButton:visited, a.requestButton:active {
		position: relative;
		display: inline-block;
		color: #fff;
		font-size: 0.5em;
		text-decoration: none;
		padding: 2%;
		/*border: 1px solid #ffffff;*/
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-webkit-transition: all 0.4s ease;  
		-moz-transition: all 0.4s ease;  
		-o-transition: all 0.4s ease;  
		-ms-transition: all 0.4s ease;  
		transition: all 0.4s ease;		
		z-index: 2;
		text-align: center;
		margin-top: 3%;
		text-transform: uppercase;
	}
	a.requestButton:hover {
		background: #999999;
	}
	.socialIcons {
		/*float: left;*/
	}
	.blogSection {
		position: relative;
		display: inline-block;
		padding: 20px;
		border-top: 1px solid #ccc;
		background: #fafafa;
		overflow: hidden;
	}
	.blogPanel {
		position: relative;
		display: inline-block;
		box-sizing: border-box;
		border-radius: 0.5em;
		box-shadow: 5px 5px 5px #999;
		background: #fff;
		text-align: center;
		padding: 20px;
	}
	.blogPanel > h3 {
		font-size: 1.5em;
		width: 100%;
		text-align: center;
		height: 40px;
		color: #8F9F97;
	}
	.blogPanel > h4 {
		font-size: 1.0em;
		width: 100%;
		text-align: center;
		height: 20px;
		color: #8F9F97;
	}	
	.blogPanel > p {
		text-align: justify;
		color: #8F9F97;
		padding: 0 0 10px 0;
	}
	.blogPanel > img {
		position: relative;	
		display: inline-block;
		width: 100%;
	}
	#phone-numbers-section {
		position: absolute;
		top: 0;
		right: 5%;
		color: #555555;
		padding: 10px;
		border-bottom: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		border-left: 1px solid #cccccc;
		font-size: 1.1em;
		font-family: 'Roboto Slab', sans-serif;
	}
	.logoImage {
		position: absolute;
		top: -80px; 
		left: 20px;
		width: 215px !important;
		z-index: 50;
	}
	.homepageBanner {
		position: relative;
		display: inline-block;
		background: url("images/banner-home-1.jpg");
		background-size: 100%;
	}
	#bannerTagline {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 5;
		display: inline-block;
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		color: #fff;
		padding: 0;
		margin: 0;
		background: rgba(0,0,0,0.3);
		text-align: center;	
	}
	.taglineTitle {
		color: #fff;
		width: 100%;
		text-align: center;
		text-transform: uppercase;
		font-weight: 600;
		font-size: 3.0em;
		padding-top: 100px;
		padding-left: 60%;
		line-height: 50px;
		font-family: 'Roboto Slab', sans-serif;
	}	

	#page-container {
		position: relative;
		height: 100%;
		width: 100%;
		padding: 0;
		margin-right: auto;
		margin-left: auto;
		top: 0;	
		overflow: hidden;
	}	
	
	img.inlineImage {
		position: relative;
		display: inline-block;
		float: right;
		padding: 0;
		margin: 0 0 10px 10px;
		width: 250px;		
	}

	a.actionTab:link, a.actionTab:visited, a.actionTab:active {
		position: absolute;
		display: inline-block;
		background: #24a7d8;
		font-size: 1.5em;
		color: #fff;
		text-align: left;
		padding: 10px 10px 10px 30px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		top: 200px;
		left: -10px;
		transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		text-decoration: none;
		border-radius: 0 0.5em 0.5em 0;
		-moz-border-radius: 0 0.5em 0.5em 0;
		-webkit-border-radius: 0 0.5em 0.5em 0;	
		line-height: 25px;
	}
	a.actionTab:hover {
		color: #fff;
		background: #24a7d8;
		left: 0;
	}	
	
	/* footer link styles */
	a.footerLinks:link, a.footerLinks:active, a.footerLinks:visited, a.footerLinks:hover {
		color: #333;
		text-decoration: none;
		-webkit-transition: all 0.4s ease;  
		-moz-transition: all 0.4s ease;  
		-o-transition: all 0.4s ease;  
		-ms-transition: all 0.4s ease;  
		transition: all 0.4s ease;
		text-decoration: none;	
		margin: 0 0 0 0;		
	}
	a.footerLinks:hover {
		color: #24a7d8;
		text-decoration: underline;
	}	
	
	#social-links-section {
		position: relative;
		float: right;
		padding-right: 20px;
		margin: 5px 0 0 0;
	}	
	
	#videoSection {
		position: relative;
		display: inline-block;
		bottom: 0;
		text-align: center;
		width: 100%;
		box-sizing: border-box;
		z-index: 20;
		float: left;
		padding: 0;
		height: 600px;
		overflow: hidden;
		border-top: 2px solid #24a7d8;
		border-bottom: 2px solid #24a7d8;
		border-top-right-radius: 0.5em;
		border-top-left-radius: 0.5em;
		/*background: url("images/office.jpg");
		background-attachment: fixed;
		background-size: 100% 100%;*/
	}

	/* information panels */
	#infoPanelContainer {
		position: relative;
		display: inline-block;
		bottom: 0;
		text-align: center;
		width: 100%;
		z-index: 20;
		float: left;
		background: url("images/office.jpg");
		background-attachment: fixed;
		background-size: 100% 100%;			
	}
	a.infoPanel:link, a.infoPanel:active, a.infoPanel:visited {
		position: relative;
		display: inline-block;
		width: 33.333333333333333333%;
		float: left;
		color: #c2c8ca;
		text-align: center;
		padding: 10px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		font-size: 0.6em;
	}	
	
	/* main page links */
	a.mainLinks:link, a.mainLinks:active, a.mainLinks:visited {
		display: block;
		padding: 0 0 1% 2%;
		text-transform: uppercase;
		color: #24a7d8;
		font-size: 1.0em;
		text-decoration: none;
	}
	a.mainLinks:hover {
		color: #c2c8ca;
	}	
	
	/* header */
	#header {
		position: relative;
		display: inline-block;
		padding: 50px 0;
		width: 100%;
		height: 160px;
		float: left;		
		z-index: 30;
		text-align: center;
		background: rgba(255,255,255,1.0);
		/*overflow: hidden;*/
	}			
	
	/* button style link */
	#overlay {
		display: none;
		position: absolute; 
		z-index: 400; 
		width:100%; 
		height: 100%; 
		background: rgba(0,0,0,0.5);
	}
	a#closeRequestForm:link, a#closeRequestForm:visited, a#closeRequestForm:active, a#closeRequestForm:hover {
		position: absolute;
		right: -15px;
		top: -15px;
		width: 30px;
		height: 30px;
		border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		font-size: 1.5em;
		color: #ffffff;
		background: #24a7d8;
		text-align: center;
		text-decoration: none;
		-webkit-transition: all 0.2s ease;  
		-moz-transition: all 0.2s ease;  
		-o-transition: all 0.2s ease;  
		-ms-transition: all 0.2s ease;  
		transition: all 0.2s ease; 		
	}
	a#closeRequestForm:hover {
		color: #ffffff;
		background: #c2c8ca;
		width: 45px;
		height: 40px;
		font-size: 1.8em;
		right: -20px;
		top: -20px;	
		padding-top: 5px;
		box-shadow: 0 0 10px #24a7d8;
	}
	
	/* button style link */
	a.requestBtn:link, a.requestBtn:active, a.requestBtn:visited, a.requestBtn:hover {
		position: relative;
		display: inline-block;
		padding: 10px;
		margin: 0;
		color: #fff;
		float: right;
		margin-top: 20px;
		margin-right: 20px;
		background: #24a7d8;
		text-decoration: none;
		font-size: 1.0em;
		z-index: 20;
		border-radius: 0.5em;
		box-sizing: border-box;
		-webkit-transition: all 0.2s ease;  
		-moz-transition: all 0.2s ease;  
		-o-transition: all 0.2s ease;  
		-ms-transition: all 0.2s ease;  
		transition: all 0.2s ease;
	}
	a.requestBtn:hover {
		color: #fff;
		background: #c2c8ca;	
	}
		
	#call-out {
		position: absolute;
		right: 4%;
		top: 10px;
		font-weight: normal;
		color: #24a7d8;	
		font-size: 1.2em;
		padding: 0 0 0 0;
		text-align: right;
		z-index: 1;
		/*border-bottom: 1px solid #24a7d8;*/
	}
	#call-out h3 {
		padding: 0;
		margin: 0;
	}
	#call-out a {
		text-decoration: none;
	}	

	#socialSection {
		position: absolute;
		right: 40%;
		top: 10px;
		font-weight: normal;
		color: #24a7d8;	
		font-size: 1.2em;
		padding: 0 0 0 0;
		text-align: right;
		z-index: 1;
		/*border-bottom: 1px solid #24a7d8;*/
	}
	
	/* logo and page header settings */
	a.logo img {
		position: absolute;
		display: inline-block;
		bottom: 10%;
		left: 0;
		right: 0;
		max-width: 250px;
		margin-left: auto;
		margin-right: auto;
		z-index: 2;
		-webkit-transition: all 0.2s ease;  
		-moz-transition: all 0.2s ease;  
		-o-transition: all 0.2s ease;  
		-ms-transition: all 0.2s ease;  
		transition: all 0.2s ease; 	
		padding: 10px;
	}
	a.logo img:hover {
		/* nothing */		
	}
	h2#logo-title {
		position: absolute;
		left: -9999px;
	}
	.small-logo {
		display: none;
	}
	.small-logo img {
		position: relative;
		display: inline-block;
		height: 40px;
		margin-right: 5px;
		margin-top: 3px;
		float: left;
		background: #fff;
	}
	.small-contact {
		display: none;
	}
	.small-contact img {
		margin-bottom: 10px;
		position: relative;
		height: 20px;
		margin-left: 5px;
	}	
	#contact-icon {
		position: relative;
		display: inline-block;
	}
	#contact-icon:hover > #show-address-box {
		display: inline-block;
	}
	#show-address-box {
		display: none;
		position: absolute;
		bottom: -80px;
		left: -100px;
		width: 170px;
		height: 60px;
		font-size: 0.9em;
		color: #ffffff;
		background: rgba(0,0,0,0.9);
		border: 2px solid #24a7d8;
		box-shadow: 0 0 10px #999999;
		padding: 10px;
		border-radius: 0 0 0.8em 0.8em;
		-moz-border-radius: 0 0 0.8em 0.8em;
		-webkit-border-radius: 0 0 0.8em 0.8em;
	}
	
	/* banner */
	#banner {
		position: relative;
		width: 100%;
		overflow: hidden;
		background: #ffffff;
		float: left;
	}
	#banner-inside {
		position: relative;
		display: inline-block;
		width: 100%;
		overflow: hidden;
		float: left;	
		/*border-bottom:  solid 5px #24a7d8;*/
	}
	#banner-inside img {
		position: relative;
		float: left;
		width: 100%;
	}
	
	/* content */
	#content {
		position: relative;
		display: table-cell;
		box-sizing: border-box;
		width: 100%;
		color: #333;
		z-index: 20;	
		float: left;	
		margin:  0;
		padding: 0;
		text-align: center;
		/*border-bottom:  5px solid #a3cc51;*/
	}
	#content-inside {
		position: relative;
		display: inline-block;
		text-align: left;
		width: 100%;
		padding: 0 0;
		font-size: 1.0em;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-animation: fadi 2s 1;
		max-width: 1200px;
	}	
	
	/* service boxes */
	a.panel h2 {
		color: #939598;
		font-size: 1.5rem;
		text-align: center;
	}
	a.panel img {
		position: relative;
		bottom: 0;
		right: 0;
		border: 2px solid #24a7d8;
		border-radius: 0.5em;
		-webkit-border-radius: 0.5em;
		-moz-border-radius: 0.5em;	
		width: 90%;
	}
	a.panel:link, a.panel:active, a.panel:visited {
		position: relative;
		display: inline-block;
		float: left;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		width: 33.33333333%;
		padding: 10px 10px 10px 10px;
		text-align: center;
		margin-bottom: 10px;
		color: #333333;
		text-decoration: none;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;		
	}
	a.panel:hover {
		background: #ececec;
		color: #ffffff;
	}
	
	/* mabile connect buttons */
	#call-now, #map-it {
		display: none;
	}
	
	/* footer */
	#footer-container {
		position: relative;
		display: inline-block;
		width: 100%;
		background: #fff;
		color: #333;
		font-family: 'Roboto', sans-serif;
		font-weight: 300;
		float: left;
		padding: 30px 0 0 0;
	}
	#footer-center {
		position: relative;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		padding: 2%;
		box-sizing: border-box;
	}
	
	/* hide social media tab */
	.social-media-tab {	
		display: none;
	}
	
	/* menu styles */
	#menu {
		/* menu container */
		position: absolute;
		right: 0;
		top:  40px;
		/*position: relative;*/
		/*background: #fff;*/
		text-transform: capitalize;
		-webkit-transition: all 0.2s ease;  
		-moz-transition: all 0.2s ease;  
		-o-transition: all 0.2s ease;  
		-ms-transition: all 0.2s ease;  
		transition: all 0.2s ease;
		width: 100%;
		text-align: right;
		padding: 0 4%;
	}
	a.menu:link, a.menu:visited, a.menu:active, a.menu:hover {
		position: relative;
		display: inline-block;
		padding:  10px 10px;
		text-align: left;
		margin: 0;
		color: #24a7d8;
		font-weight: 300;		
		text-decoration: none;
		font-size: 1.3em;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;	
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		font-family: 'Roboto', sans-serif;
		text-transform: uppercase;
	}
	a.menu:hover {
		color: #fff; 
		background: #24a7d8;
	}	
	a.selected:link, a.selected:active, a.selected:visited, a.selected:hover {
		position: relative;
		display: inline-block;
		padding:  10px 10px;
		margin-right: 0;
		color: #fff; 
		background: #24a7d8;
		text-align: left;
		/*background: #24a7d8;*/
		font-weight: 300;	
		text-decoration: none;
		font-size: 1.3em;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		font-family: 'Roboto', sans-serif;
		text-transform: uppercase;
	}	
	a.selected:hover {
		color: #fff; 
		background: #24a7d8;		
	}
	#menubar { 
		position: relative;
		display: inline-block;
		margin: 0;
		padding: 0;
		height:  55px;
	}
	#menubar li { 
		float: left;
		list-style: none;
		margin: 0 0 0 0;
		padding: 0;		
	}
	#menubar li ul { 
		margin: 0 0 0 0;
		padding: 0;
		position: absolute;
		display: none;
		z-index: 30;
	}
	#menubar li ul li { 
		float: none;	
	}
	#menubar li:hover ul {
		display: block;
	}
	a.menu-drop:link, a.menu-drop:visited, a.menu-drop:active, a.menu-drop:hover {
		position: relative;
		display: inline-block;
		font-family: 'Roboto', sans-serif;
		width: 230px;
		color: #333;
		padding:  10px 5px;
		font-weight: 300;	
		text-decoration: none;
		text-align: left;
		font-size: 1.2em;
		background: #f7f7f7; 
		border-bottom: 1px solid #c2c8ca; 
		margin-left:  -1px;
		/* easing for slow fade change of background color */
		-o-transition:color .2s ease-out, background 0.5s ease-in;
		-ms-transition:color .2s ease-out, background 0.5s ease-in;
		-moz-transition:color .2s ease-out, background 0.5s ease-in;
		-webkit-transition:color .2s ease-out, background 0.5s ease-in;
		/* ...and now override with proper CSS property */
		transition:color .2s ease-out, background 0.5s ease-in;	
		text-transform: uppercase;	
	}
	a.menu-drop:hover {
		background: #24a7d8; 
		color: #fff; 
		border-bottom: 1px solid #fff; 		
	}	
	.menu-regular {
		position: relative;
		display: inline-block;
		-webkit-transition: all 0.2s ease;  
		-moz-transition: all 0.2s ease;  
		-o-transition: all 0.2s ease;  
		-ms-transition: all 0.2s ease;  
		transition: all 0.2s ease;
		height: 46px;
		float: left;
		/*border-top: 1px solid #777;
		border-bottom: 1px solid #777;*/
		/*position: absolute;
		display: inline-block;
		top: 60px;
		height: 44px;
		right: 4%;
		text-align: right;
		z-index: 30;
		-webkit-transition: all 0.2s ease;  
		-moz-transition: all 0.2s ease;  
		-o-transition: all 0.2s ease;  
		-ms-transition: all 0.2s ease;  
		transition: all 0.2s ease;
		*/
	}
	.menu-fixed {
		position: fixed !important;
		top: 0 !important;
		left: 0;
		display: inline-block;
		width: 100%;
		background: #fff;
		box-shadow: 0 0 10px #999999;
		-moz-box-shadow: 0 0 10px #999999;
		-webkit-box-shadow: 0 0 10px #999999;
		height: 45px;
		z-index: 500;
		text-align: center;
		-webkit-transition: all 0.2s ease;  
		-moz-transition: all 0.2s ease;  
		-o-transition: all 0.2s ease;  
		-ms-transition: all 0.2s ease;  
		transition: all 0.2s ease;		
		font-size: 1.0rem;
	}
	
	/* dynamic phone navigation */
	.phone-nav-icon {
		float: left; 
		width: 20px; 
		padding: 1%; 
		background: #fff; 
		margin-top: 3px;
		border-radius: 0.2em;
		-webkit-border-radius: 0.2em;
		-moz-border-radius: 0.2em;		
	}

	#phone-nav-dynamic {
		display: none;	
	}		
	
	/* contact form */
	#contactInlineFrm {
		position: relative;
		display: inline-block;
		text-align: center;
		/*background: rgba(255,255,255,0.9);*/
		width: 100%;
		padding: 5px 0;
		margin: 0;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	#contactInline-lcol {
		position: relative;
		float: left;
		width: 50%;
	}
	#contactInline-rcol {
		position: relative;
		float: left;
		width: 50%;
	}	
	
	#contactFrm {
		position: absolute;
		right: 0;
		left: 0;
		margin-left: auto;
		margin-right: auto;
		top: 3%;
		display: inline-block;
		width: 300px;
		padding: 10px;
		z-index: 1000;
		background: #ffffff;
		border-radius: 0.5em;
		-webkit-border-radius: 0.5em;
		-moz-border-radius: 0.5em;
		border: 1px solid #cccccc;
		box-shadow: 0 0 10px #24a7d8;
	}
	#contact-lcol {
		position: relative;
		float: left;
		width: 100%;
	}
	#contact-rcol {
		position: relative;
		float: right;
		width: 50%;
	}
	#contactFrm h3 {
		padding: 0;
		margin: 0;
		color: #fff;
	}
	input.contact-form, select.contact-form {
		position: relative;
		width: 95%;
		border: none;
		padding:10px;
		margin: 0 0 5px 0;
		background: #fff;
		color: #333333;
		outline: none;
		font-size: 1.1em;
		border: 1px solid #24a7d8; 
		border-radius: 0.2em;
		box-sizing: border-box;
		height: 50px;
		transition: all 0.5s ease;
		/*box-shadow: 5px 5px 5px #777;*/
	}
	input.contact-form:hover, select.contact-form:hover {
		background: #fafafa;
		border: 1px solid #808080;
	}	
	textarea.contact-form  {
		position: relative;
		width: 95%;
		height: 50px;
		border: none;
		padding: 10px;
		margin: 0 0 5px 0;
		background: #fff;	
		font-size: 1.1em;
		color: #333333;
		border: 1px solid #24a7d8; 
		border-radius: 0.2em;
		-webkit-border-radius: 0em;
		-moz-border-radius: 0em;		
		outline: none;
	}
	textarea.contact-form:hover {
		background: #fafafa;
		border: 1px solid #808080;
	}		
	.contact-form-button {
		position: relative;
		display: inline-block;
		box-sizing: border-box;
		width: 95%;
		margin: 0;
		cursor: pointer;
		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
		color: #fff;
		padding: 14px 5% 13px 5%;
		background: #000; 
		border-radius: 0em;
		-webkit-border-radius: 0em;
		-moz-border-radius: 0em;		
		outline: none;
		border: none;
		font-size: 1.1em;
		text-align: center;  
		transition: all 0.4s ease;	
		border-radius: 0.2em;	
	}	
	.contact-form-button:hover {
		color: #ffffff; 
		background: #808080; 
	}

	#contact-left-column {
		border:1px solid #ccc; padding:5px 10px; float: left; margin-right: 10px; width: 35%; display: inline-block;
	}
	#contact-right-column {
		background:#eee; border:1px solid #ccc; padding:5px 10px; float: right; margin-right: 10px; width: 55%; display: inline-block;
	}		
	
	/* request appointment form */
	#request-appointment {
		position: relative;
		display: inline-block;
		border-radius: .3em;
		-webkit-border-radius: .3em;
		-moz-border-radius: .3em;
		width: 100%;
		padding: 0;
	}
	table.request-form-table {
		width: 100%;
	}
	table.request-form-table td {
		padding: 1%;
	}
	.request-input {
		margin: 3px 0 3px 0;
		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
		font-size: 1.1em;
		width: 96%;
		border-radius: .3em;
		-webkit-border-radius: .3em;
		-moz-border-radius: .3em;
		border: 1px solid #24a7d8;
		padding: 2%;
		outline: none;
	}	
	.request-input:hover {
		background: #ececec;
		border: 1px solid #808080;
	}		
	.request-form-button {
		position: relative;
		display: inline-block;
		margin-right: 0;
		margin-top: 2%;
		cursor: pointer;
		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
		color: #fff;
		padding: 1% 5% 1% 5%;
		background: #24a7d8; 
		border-radius: 0.2em;
		-webkit-border-radius: 0.2em;
		-moz-border-radius: 0.2em;		
		outline: none;
		border: none;
		font-size: 1.1em;
		text-align: center;
	}
	.request-form-button:hover {
		color: #ffffff; 
		background: #808080; 
	}	
	#ra-form {
		position: relative;
		display: inline-block;
		width: 100%;
	}
	.request-lcol {
		position: relative;
		display: inline-block;
		width: 45%;
		float: left;
	}
	.request-rcol {
		position: relative;
		display: inline-block;
		width: 45%;
		float: right;
	}	
	img.smile-gallery {
		width: 450px;
	}
}
@media screen and (max-width: 700px) {
	body {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		font-family: 'Roboto', sans-serif;
		color: #333;
		height: 100%;
		background: #fff;
	}

	/* wavy separator */
	#wavy, #wavySmall {
		position: absolute;
		float: left;
		bottom: 0;
		width: 100%;
	}
	#wavySmall {
		position: absolute;
		float: left;
		bottom: 0;
		width: 100%;	
		height: 50px;
	}
	#wavy img {
		width: 100%;
		margin: 0;
		padding: 0;
		float: left;
		z-index: 2;		
	}

	/* custom service panels */
	a.servicePanel:link, a.servicePanel:active, a.servicePanel:visited {
		position: relative;
		display: inline-block;
		padding:  10px;
		margin: 2px 0;
		border-radius: 0.5em;
		text-align: left;
		width: 100%;
		text-decoration: none;
	}
	a.servicePanel:hover {
		/* nothing - mobile */
	}
	.servicePanel h3, .servicePanel p {
		color: #fff;
	}
	.servicePanel img {
		width: 30%;
		float: right;
	}

	.meetDocTitleContainer {
		position: absolute; right: 5px; top: 20px;
	}
	.meetDocTitleLine1 {
		font-size: 1.3em; font-weight: 300; color: #24a7d8; text-align: right;
	}
	.meetDocTitleLine2 {
		border-top: 2px solid #a3cc51
	}		
	.service-icon {
		width:  50%;
		max-width: 145px;
		margin: 20px 0;
	}	
	#ticker {
		position: relative;
		display: inline-block;
		text-align: center;
		padding:  10px 20px;
		width:  100%;
		color:  #fff;
		background: #24a7d8;
	}	
	a.headerBtn {
		display: none !important;
	}
	#banner-call-out-1, #banner-call-out-2, #banner-call-out-3, #banner-call-out-4 {
		right: 4%;
		bottom: 20%;
		font-size: 0.6em !important;
	}	
	/* fluid columns */
	.fluid5col {
		width: 100%;
	}
	.fluid45col {
		width:  80%;
	}
	.fluid1col, .fluid2col, .fluid3col, .fluid23col, .fluid4col, .fluid6col, .fluid34col {
		width:  100%
	}	
	.space {
		padding-top: 10px;
	}	
	#covid-ticker {
		padding: 10px 10px;
	}	
	#blog-section {
		padding: 10px 5px;	
	}	
	#pre-footer {
		padding: 10px 10px;	
	}
	a.requestButton:link, a.requestButton:visited, a.requestButton:active {
		position: relative;
		display: inline-block;
		color: #fff;
		font-size: 1.0em;
		text-decoration: none;
		padding: 5px;
		background: #CABFA3;
		border: 1px solid #ffffff;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-webkit-transition: all 0.4s ease;  
		-moz-transition: all 0.4s ease;  
		-o-transition: all 0.4s ease;  
		-ms-transition: all 0.4s ease;  
		transition: all 0.4s ease;		
		z-index: 2;
		text-align: center;
		margin-top: 3%;
		text-transform: uppercase;
	}
	a.requestButton:hover {
		background: #999999;
	}	
	.socialIcons {
		/* align center */
	}
	.blogSection {
		position: relative;
		display: inline-block;
		padding: 20px;
		border-top: 1px solid #ccc;
		background: #fafafa;
		overflow: hidden;
	}
	.blogPanel {
		position: relative;
		display: inline-block;
		box-sizing: border-box;
		border: 1px solid #8F9F97;
		background: #fff;
		text-align: center;
		padding: 20px;
		margin-bottom: 10px;
	}
	.blogPanel > h3 {
		font-size: 1.5em;
		width: 100%;
		text-align: center;
		height: 40px;
		color: #8F9F97;
	}
	.blogPanel > h4 {
		font-size: 1.0em;
		width: 100%;
		text-align: center;
		height: 20px;
		color: #8F9F97;
	}	
	.blogPanel > p {
		text-align: justify;
		color: #8F9F97;
		padding: 20px 0;
	}
	.blogPanel > img {
		position: relative;	
		display: inline-block;
		width: 100%;
	}	
	#phone-numbers-section {
		position: relative;
		display: inline-block;
		color: #555555;
		padding: 10px;
		border-bottom: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		border-left: 1px solid #cccccc;
		font-size: 1.1em;
		font-family: 'Roboto Slab', sans-serif;
	}	
	.hideMobile {
		display: none;
	}
	.logoImage {
		width: 100%; z-index: 50; max-width: 150px; position: relative; margin-left: auto; margin-right: auto; padding-top: 10px;
	}

	.homepageBanner {
		background-repeat: no-repeat !important;
    	background-size: 130% !important;
	}
	#bannerTagline {
		position: absolute;
		right: 10px;
		display: inline-block;
		height: 40px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		color: #fff;
		padding: 0 2%;
		text-align: center;
	}
	.taglineTitle {
		color: #fff;
		width: 100%;
		text-align: center;
		text-transform: capitalize;
		font-weight: 400;
		font-size: 1.0em;
		line-height: 25px;
		margin-top: 5px;
	}	

	#videoSection {
		position: relative;
		display: inline-block;
		bottom: 0;
		text-align: center;
		width: 100%;
		box-sizing: border-box;
		z-index: 20;
		float: left;
		padding: 0;
		height: 300px;
		overflow: hidden;
		/*background: url("images/office.jpg");
		background-attachment: fixed;
		background-size: 100% 100%;*/
	}

	#page-container {
		position: relative;
		width: 100%;
		padding: 0;
		margin-right: auto;
		margin-left: auto;
		top: 0;
		background: #fff;
	}
	
	img.inlineImage {
		position: relative;
		display: inline-block;
		padding: 0 2%;
		margin: 5px 0;
		width: 100%;
		box-sizing: border-box;
	}

	#doctor-img {
		height: 300px;
	}
	
	a.actionTab:link, a.actionTab:visited, a.actionTab:active {
		position: relative;
		display: inline-block;
		background: rgba(50,98,150,0.8);
		font-size: 1.5em;
		color: #fff;
		text-align: center;
		padding: 10px 10px 10px 30px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		width: 100%;
		transition: all 0.3s ease;
		-moz-trasition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		text-decoration: none;	
		line-height: 25px;
	}
	a.actionTab:hover {
		color: #fff;
		background: #24a7d8;
		left: 0;
	}	
	
	/* footer link styles */
	a.footerLinks:link, a.footerLinks:active, a.footerLinks:visited, a.footerLinks:hover {
		position: relative;
		display: inline-block;
		color: #333;
		text-decoration: none;
		-webkit-transition: all 0.4s ease;  
		-moz-transition: all 0.4s ease;  
		-o-transition: all 0.4s ease;  
		-ms-transition: all 0.4s ease;  
		transition: all 0.4s ease;	
		text-decoration: none;
		margin: 0 0 0 5px;
	}
	a.footerLinks:hover {
		color: #24a7d8;
		text-decoration: underline;
	}	
	
	/* information panels */
	#infoPanelContainer {
		position: relative;
		display: inline-block;
		bottom: 0;
		text-align: center;
		width: 100%;
		z-index: 20;
		float: left;
		/*background: url("images/office.jpg");
		background-attachment: fixed;
		background-size: cover;*/
	}	
	a.infoPanel:link, a.infoPanel:active, a.infoPanel:visited {
		position: relative;
		display: inline-block;
		width: 100%;
		height:  220px;
		float: left;
		color: #ffffff;
		text-align: center;
		padding: 5px;
	}	
	
	/* main page links */
	a.mainLinks:link, a.mainLinks:active, a.mainLinks:visited {
		display: block;
		padding: 0 0 1% 2%;
		text-transform: uppercase;
		color: #24a7d8;
		font-size: 0.7em;
		text-decoration: none;
	}
	a.mainLinks:hover {
		color: #c2c8ca;
	}	
	
	/* header */
	#header {
		position: relative;
		display: inline-block;
		padding: 10px 0 20px 0;
		width: 100%;
		text-align: center;
		float: left;		
		z-index: 30;
		/*background: rgba(255,255,255,1.0);*/
		background: #fff;
	}
	
*	/* welcome banner */
	#welcome-banner {
		display: none;
	}	
	
	#mobileQRpanel {	
		display: none;
	}	
	
	/* ticker */
	#ticker {
		/*position: relative;
		display: inline-block;
		width: 100%;
		float: left;		
		text-align: right;
		padding: 15px 5px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		color:  #fff;
		background: #24a7d8;*/
		display:  none;
	}
	
	a#promotion:link, a#promotion:visited, a#promotion:active {
		display: inline-block;
		background: rgba(255,255,255,0.3); 
		padding: 1%;
		width: 100%;
		box-sizing: border-box;
		color: #c2c8ca;
		text-decoration: none;
		-webkit-transition: all 0.2s ease;  
		-moz-transition: all 0.2s ease;  
		-o-transition: all 0.2s ease;  
		-ms-transition: all 0.2s ease;  
		transition: all 0.2s ease; 			
	}	
	a#promotion:hover {
		background: rgba(130,187,0,1.0); 	
	}
	
	#overlay {
		display: none;
		position: fixed; 
		z-index: 400; 
		width:100%; 
		height: 100%; 
		background: rgba(0,0,0,0.5);
	}	
	a#closeRequestForm:link, a#closeRequestForm:visited, a#closeRequestForm:active, a#closeRequestForm:hover {
		position: absolute;
		right: 0;
		top: 0;
		width: 30px;
		height: 30px;
		border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		font-size: 1.5em;
		color: #ffffff;
		background: #24a7d8;
		text-align: center;
		text-decoration: none;
	}
	a#closeRequestForm:hover {
		color: #ffffff;
		background: #c2c8ca;
	}	
	
	/* button style link */
	a.requestBtn:link, a.requestBtn:active, a.requestBtn:visited, a.requestBtn:hover {
		position: relative;
		display: inline-block;
		width: 100%;
		padding: 10px;
		margin: 0;
		color: #fff;
		margin: 0;
		background: #24a7d8;
		text-decoration: none;
		font-size: 1.0em;
		z-index: 20;
		box-sizing: border-box;
		-webkit-transition: all 0.2s ease;  
		-moz-transition: all 0.2s ease;  
		-o-transition: all 0.2s ease;  
		-ms-transition: all 0.2s ease;  
		transition: all 0.2s ease;
	}
	a.requestBtn:hover {
		color: #fff;
		background: #c2c8ca;	
	}	
	
	#call-out {
		clear: both;
		position: relative;
		display: inline-block;
		width: 100%;
		box-sizing: border-box;
		margin: 5px 0;
		text-align: center;
		color: #24a7d8;
	}
	#call-out a {
		text-decoration: none;
	}	
	
	/* hide the desktop menu */
	#menu {
		display: none;
	}

	/* logo and page header settings */
	a.logo img {
		position: relative;
		margin-left: auto;
		margin-right: auto;
		width: 96%;
		max-width: 250px;
		margin: 2% 0 2% 0;
		padding: 5px;	
		transition: all 0.5s ease;
		background: #fff;
	}
	a.logo img:hover {
		/* nothing */
	}	
	h2#logo-title {
		position: absolute;
		left: -9999px;
	}		
	
	/* hide carousel */
	#slider1 {
		display: none;
	}
	
	/* content */
	#content {
		position: relative;
		display: inline-block;
		margin: 0;
		width: 100%;
		padding: 2%;
		color: #333;
		/*overflow: hidden;*/
		float: left;
		/*border-bottom:  5px solid #a3cc51;*/
	}
	#content-inside {
		text-align: left;
		width: 100%;
		float: left;
	}
	#call-now {
		position: relative;
		display: inline-block;
		width: 100%;
	}
	
	/* service boxes */
	a.panel h2 {
		color: #939598;
		font-size: 1.5rem;
		text-align: center;
	}
	a.panel img {
		position: relative;
		bottom: 0;
		right: 0;
		border: 2px solid #24a7d8;
		border-radius: 0.5em;
		-webkit-border-radius: 0.5em;
		-moz-border-radius: 0.5em;		
	}
	a.panel:link, a.panel:active, a.panel:visited {
		position: relative;
		display: inline-block;
		float: left;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		width: 100%;
		padding: 10px 10px 10px 10px;
		text-align: center;
		margin-bottom: 10px;
		color: #333333;
		text-decoration: none;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;		
	}
	a.panel:hover {
		background: #ececec;
		color: #ffffff;
	}
	
	/* footer */
	#footer-container {
		position: relative;
		display: inline-block;
		width: 100%;
		box-sizing: border-box;
		padding: 2%;
		background: #fff; 
		color: #333;
		font-size: 0.95em;
		float: left;
		font-family: 'Roboto', sans-serif;
		font-weight: 100;
	}
	
	/* adjust banner for mobile view*/
	#banner {
		position: relative;
		display: inline-block;
		width: 100%;
		overflow: hidden;
		margin-left: auto;
		margin-right: auto;	
		text-align: center;
		float: left;	
	}
	#banner-inside {
		position: relative;
		display: inline-block;
		width: 100%;
		overflow: hidden;
		padding: 0;
		float: left;
	}
	#banner-inside img {
		width: 100%;
		float: left;
		padding: 0; margin: 0;
	}
	
	#social-links-section {	
		position: relative;
		text-align: center;
		background: #ececec;
	}		
	
	/* dynamic phone navigation */
	.phone-nav-icon {
		float: left; 
		width: 20px; 
		padding: 1%; 
		background: #fff; 
		margin-top: 3px;
		border-radius: 0.2em;
		-webkit-border-radius: 0.2em;
		-moz-border-radius: 0.2em;		
	}

	#phone-nav-dynamic {
		position: relative;
		width: 100%;
		margin: 0;
		padding: 0 0 0 0;
		text-align: left;		
	}	
	#phone-nav-overlay {
		position: absolute;
		width: 100%;
		display: none;
		z-index: 999;
	}	
	a.phone-nav-selected:link, a.phone-nav-selected:visited, a.phone-nav-selected:active, a.phone-nav-selected:hover {		
		position: relative;
		display: inline-block;
		width: 100%;
		padding: 2%;
		border-bottom: 1px solid #ececec;		
		color: #fff;
		text-decoration: none;
		font-size: 1.2em;
		background: #000;
	}	
	a.phone-nav-selected:hover {
		color: #fff;
		border-bottom: 1px solid #fff;
		background: #773b96; 
	}	
	a.phone-nav-links:link, a.phone-nav-links:visited, a.phone-nav-links:active, a.phone-nav-links:hover {
		width: 100%;
		padding: 2%;
		border-bottom: 1px solid #ececec;
		display: inline-block;
		color: #c2c8ca;
		background: #fafafa;
		text-decoration: none;
		font-size: 1.2em;
	}	
	a.phone-nav-links:hover {
		color: #ffffff;
		border-bottom: 1px solid #ffffff;
		background: #24a7d8; 
	}
	a#dynamic-phone-menu:link, a#dynamic-phone-menu:active, a#dynamic-phone-menu:visited, a#dynamic-phone-menu:hover {
		display: inline-block;
		width: 100%;
		padding: 5% 0 3% 0;
		text-decoration: none;
		font-size: 1.4em;	
		font-weight: bold;
		/*background: rgba(59,61,64,1.0);*/
		background: #a3cc51;
		text-align: center;
	}
	a#dynamic-phone-menu:hover img {
		opacity: 0.5;
	}
	.faded {
		opacity: 0.2;
	}	
	
	/* contact form */
	#contactInlineFrm {
		position: relative;
		/*background: rgba(255,255,255,0.9);*/		
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;	
		float: left;
	}	
	#contactInline-lcol {
		position: relative;
		float: left;
		width: 100%;
	}
	#contactInline-rcol {
		position: relative;
		float: left;
		width: 100%;
	}	
	
	#contactFrm {
		position: relative;
		display: inline-block;
		margin: 0;
		padding: 0;
		width: 100%;
		border-radius: 0.5em;
		-webkit-border-radius: 0.5em;
		-moz-border-radius: 0.5em;
		background: rgba(255,255,255,1.0);
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		text-align: center;
		float: left;
	}
	#contact-lcol {
		position: relative;
		float: left;
		width: 100%;
	}
	#contact-rcol {
		position: relative;
		float: left;
		width: 100%;
	}
	#contactFrm h3 {
		padding: 0;
		margin: 0;
		color: #fff;
	}
	input.contact-form, select.contact-form {
		position: relative;
		width: 95%;
		border: none;
		padding: 10px;
		margin: 1% 0 1% 0;
		background: #fff;
		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
		color: #333333;
		outline: none;
		font-size: 1.1em;
		border: 1px solid #ccc; 
		border-radius: 0em;
		box-sizing: border-box;
		-webkit-border-radius: 0em;
		-moz-border-radius: 0em;	
		height: 50px;	
	}
	input.contact-form:hover,  select.contact-form:hover {
		background: #ececec;
		border: 1px solid #808080;
	}	
	textarea.contact-form  {
		position: relative;	
		width: 95%;
		height: 50px;
		border: none;
		padding: 10px;
		margin-top: 0;
		background: #fff;	
		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
		font-size: 1.1em;
		color: #333333;
		border: 1px solid #24a7d8; 
		border-radius: 0em;
		-webkit-border-radius: 0em;
		-moz-border-radius: 0em;	
		box-sizing: border-box;		
		outline: none;
	}
	textarea.contact-form:hover {
		background: #ececec;
		border: 1px solid #808080;
	}	
	.contact-form-button {
		position: relative;
		display: inline-block;
		box-sizing: border-box;
		width: 95%;		
		margin: 2% 0;
		cursor: pointer;
		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
		color: #fff;
		padding: 2% 10% 2% 10%;
		background: #000; 
		border-radius: 0em;
		-webkit-border-radius: 0em;
		-moz-border-radius: 0em;		
		outline: none;
		border: none;
		font-size: 1.4em;
		text-align: center; 
		transition: all 0.4s ease;
		box-sizing: border-box;
		border-radius:  0.2em;
	}
	.contact-form-button:hover {
		color: #ffffff; 
		background: #808080; 
	}		
	
	#contact-left-column {
		border:1px solid #ccc; padding:2%; float: left; width: 96%; display: inline-block;
	}
	#contact-right-column {
		background:#eee; border:1px solid #ccc; padding:2%; float: left; width: 96%; display: inline-block; margin-top: 2%;
	}	
	
	/* request appointment form */
	#request-appointment {
		position: relative;
		display: inline-block;
		border-radius: .3em;
		-webkit-border-radius: .3em;
		-moz-border-radius: .3em;
		width: 96%;
		padding: 2%;
	}
	.request-input {
		margin: 3px 0 3px 0;
		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
		font-size: 1.1em;
		width: 96%;
		border-radius: .3em;
		-webkit-border-radius: .3em;
		-moz-border-radius: .3em;
		border: 1px solid #24a7d8;
		padding: 2%;
		outline: none;
	}	
	.request-input:hover {
		background: #ececec;
		border: 1px solid #808080;
	}		
	.request-form-button {
		position: relative;
		display: inline-block;
		margin-right: 0;
		margin-top: 2%;
		cursor: pointer;
		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
		color: #fff;
		padding: 1% 5% 1% 5%;
		background: #24a7d8; 
		border-radius: 0.2em;
		-webkit-border-radius: 0.2em;
		-moz-border-radius: 0.2em;		
		outline: none;
		border: none;
		font-size: 1.1em;
		text-align: center;
	}
	.request-form-button:hover {
		color: #ffffff; 
		background: #808080; 
	}
	
	img.smile-gallery {
		width: 100%;
	}
}

.teamPanel {
	position: relative; display: inline-block; width: 100%; padding: 20px; background: #fff; border-radius: 0.5em; box-shadow: 3px 3px 3px #ccc; overflow: hidden; text-align: center;
	height: 400px;
}
.teamPanel h4 {
	margin:  10px 0 10px 0;
	padding: 0;
	line-height: 20px;
	width: 100%;		
	text-align: center;
	font-size: 1.3em;
}
.teamPanel h5 {
	margin:  0 0 10px 0;
	padding: 0;
	line-height: 20px;
	font-size: 1.2em;
}


.slider2 {
  height: 100%;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.slider2__nav {
  width: 12px;
  height: 12px;
  margin: 2rem 12px;
  border-radius: 50%;
  z-index: 10;
  outline: 6px solid #ccc;
  outline-offset: -6px;
  box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0);
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.slider2__nav:checked {
  -webkit-animation: check 0.4s linear forwards;
          animation: check 0.4s linear forwards;
}
.slider2__nav:checked:nth-of-type(1) ~ .slider2__inner {
  left: 0%;
}
.slider2__nav:checked:nth-of-type(2) ~ .slider2__inner {
  left: -100%;
}
.slider2__nav:checked:nth-of-type(3) ~ .slider2__inner {
  left: -200%;
}
.slider2__nav:checked:nth-of-type(4) ~ .slider2__inner {
  left: -300%;
}
.slider2__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 400%;
  height: 100%;
  -webkit-transition: left 0.4s;
  transition: left 0.4s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
}
.slider2__contents {
  height: 100%;
  padding: 2rem;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.slider2__image {
  font-size: 2.7rem;
      color: #2196F3;
}
.slider2__caption {
  font-weight: 500;
  margin: 1rem 0 0.5rem;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  text-transform: uppercase;
  color: #333;
  text-align: center;
  font-size: 1.5rem;
  line-height: 20px;
}
.slider2__txt {
  color: #777;
  margin-bottom: 4rem;
  max-width: 350px;
}

@-webkit-keyframes check {
  50% {
    outline-color: #333;
    box-shadow: 0 0 0 12px #333, 0 0 0 36px rgba(51, 51, 51, 0.2);
  }
  100% {
    outline-color: #333;
    box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0);
  }
}

@keyframes check {
  50% {
    outline-color: #333;
    box-shadow: 0 0 0 12px #333, 0 0 0 36px rgba(51, 51, 51, 0.2);
  }
  100% {
    outline-color: #333;
    box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0);
  }
}

.center {
	text-align: center;
}

/* button links */

.blogTitle {
	line-height: 30px;
	margin: 0;
}
.blogDate {
	line-height: 20px;
	margin: 0 0 50px 0;
}
.highlight {
	position: relative;
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
	padding: 10px;
	border: 1px solid #ccc;
	font-size: 1.2em;
	text-align: center;
}

.mission-statement {
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	border: 1px solid #24a7d8;
	margin-bottom: 10px;
}
.mission-statement > b {
	position: relative;
	display: inline-block;
	font-size: 1.4em;
	font-weight: 200;
	padding: 10px 0 30px 0;
	width: 100%;
	text-align: center;
}

img.gallery {
	position: relative;
	display: inline-block;
	padding: 20px;
	width: 100%;
	max-width: 600px;
}
#covid-ticker {
	background: #333; /*#CC0000;*/
	text-align: center;
	color: #fff;
}
#covid-ticker > p {
	padding: 2px;
	margin: 0;
}
.covid-title {
	font-size: 1.4em;
}
a.covid-button:link, a.covid-button:active, a.covid-button:visited {
	position: relative;
	display: inline-block;
	margin: 10px 10px;
	border: 1px solid #fff;
	border-radius: 0.3em;
	box-sizing: border-box;
	padding: 10px;
	text-align: center;
	text-transform: capitalize;
	text-decoration: none;
	color: #fff;
	transition: all 0.5s ease;
}
a.covid-button:hover {
	border: 1px solid #999;
}

#pre-footer {
	position: relative;
	display: inline-block;
	float: left;
	box-sizing: border-box;
	width: 100%;
	text-align: center;
	background: #666666;
	color: #fff;
}
#blog-section {
	position: relative;
	display: inline-block;
	float: left;
	box-sizing: border-box;
	width: 100%;
	text-align: center;	
}
#locations-section {
	position: relative;
	display: inline-block;
	float: left;
	box-sizing: border-box;
	width: 100%;
	text-align: center;
	background: #fff;
	color: #333;
	padding:  20px;
}
.location-panels {
	background: #24a7d8;
	border-radius: 0.5em;
	padding: 10px 0 10px 0;
	color:  #fff;
}
#blog-section > h3 {
	width: 100%;
	text-align: center;
}
#service-section-wrapper {
	position: relative;
	display: inline-block;
	float: left;
	box-sizing: border-box;
	width: 100%;
	text-align: center;
}
#service-section {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	text-align: center;
	max-width: 1602px;
}
img.service-panel {
	position: relative;
	display: inline-block;
	padding: 0;
	margin: 0;
	float: left;
	width: 50%;
	max-width: 801px;
	opacity: 0.8;
	transition: all 0.5s ease
}
img.service-panel:hover {
	opacity: 1.0;
}

a.tickerLink:link, a.tickerLink:visited, a.tickerLink:active {
	color: #fff;
	text-decoration: none;
	transition: all 0.5s ease;
}
a.tickerLink:hover {
	color: #ccc;
}
.centeredTitle {
	width: 100%;
	text-align: center;
}
.blueTitle {
	position: relative;
	display: inline-block;
	text-transform: uppercase;
	color: #fff;
	background: #24a7d8;
	width: 100%;
	padding:  15px 0;
	font-weight: 300;
	margin:  0;
}
p {
	padding: 0;
	margin: 0 0 20px 0;
}
img.smileGallery {
	position: relative;
	display: inline-block;
	width: 100%;
	max-width: 600px;
	margin: 0 0 15px 0;
	padding: 0;
	border: 1px solid #ccc;
}
h4.smileGallery {
	width: 100%;
	margin: 0;
	padding: 5px 0;
	line-height: 25px;
	text-align: center;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: #ececec
}

img.blog_image {
	position: relative;
	display: inline-block;
	width: 100%;
	border-bottom-left-radius: 50%;
	border-bottom-right-radius: 50%;
}
p {
	/*font-family: 'Garamond', serif;
	font-size: 14pt;*/
}
.pageTitle {
	position: relative;
	display: inline-block;
	/*background: #24a7d8;*/
	/*border-top: 2px solid #24a7d8;*/
	padding: 25px 0 0 25px !important;
	width: 100%; text-align: center;
	color: #24a7d8;
	line-height: 25px;
}
.profileContainer {
	position: relative; display: inline-block; padding: 20px; border-bottom: 1px solid #24a7d8;
}

.boxIt {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	border: 1px solid #cccccc;
	background: #fafafa;
	text-align: center;
	padding: 40px 20px;
}
.faded {
	opacity: 0.5;
}

#sliderMenu {
	position: fixed;
	top: 0;
	right: -300px; /* place it way off the page at the start */
	display: inline-block;
	background: #ececec;
	height: 100%;
	width: 300px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align: left;
}

.testimonialWrap {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
	float: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	color: #fff;
	padding: 40px 5%;
	background: rgba(0,0,0,0.6);
	text-align: center;	
}
.testimonialWrap p {
	font-size: 18pt;
}

#call-to-action-container {
	position: relative;
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 20px 10%;
	background: #24a7d8;
	color: #fff;
	text-align: left;
	float: left;
	z-index: 25;
}
@media screen and (min-width: 701px) {
	#call-to-action-container h3,h2,h4 {
		width: 100%;
		color: #fff;
		text-align: center;
		font-size: 1.5em;
	}
}
@media screen and (max-width: 700px) {
	#call-to-action-container h3,h2,h4 {
		width: 100%;
		color: #fff;
		text-align: center;
		font-size: 1.3em;
		font-weight: 300;
	}
}

img.captchaImg {
	position: absolute;
	display: inline-block;
	bottom: 6px;
	right: 16px;
	height: 48px;
	border-radius: 0 0.8em 0.8em 0;
	-moz-border-radius: 0 0.8em 0.8em 0;
	-webkit-border-radius: 0 0.8em 0.8em 0;
}

.insetImage {
	float: left;
	width: 100%;
	margin: 0 1% 1% 0;
}

/* set a size for map container, the Google Map will take up 100% of this container */
#map2 {
	position: relative;
	display: inline-block;
	background: rgba(255,255,255,0.8);
	overflow: hidden;
	/*float: left;*/
	height: 300px;
	width: 300px;
	border-radius: 50%;
	box-shadow: 5px 5px 5px #333;
	/*width: 100%;
	min-height: 300px;
	*/
}

/* info panels and buttons */
.infoPanel img {
	position: relative;
	float: left;
}
a.infoPanel:link, a.infoPanel:active, a.infoPanel:visited {
	position: relative;
	float: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-transition: all 0.4s ease;  
	-moz-transition: all 0.4s ease;  
	-o-transition: all 0.4s ease;  
	-ms-transition: all 0.4s ease;  
	transition: all 0.4s ease;	
	overflow: hidden;
	text-decoration: none;
	background: rgba(157,182,212,0.8);
}
a.infoPanel:hover {
	background: rgba(50,98,150,0.8)
}	
.infoPanel p {
	position: relative;
	display: block;
	z-index: 5;
	font-size: 1.2rem;
	font-weight: 100;
	text-align: left;
}
.infoPanel h4 {
	/*font-family: 'Alegreya Sans SC', sans-serif;*/
	/*font-family: 'Advent Pro', sans-serif;*/
	/*font-family: 'Alegreya Sans', sans-serif;*/
	font-weight: normal;
	color: #fff;
	font-size: 1.2rem;
	padding: 0;
	margin: 0;	
	width: 100%;
	text-align: center;
}
.infoPanel h3 {
	font-family: 'Roboto Slab', sans-serif;
	color: #fff;
	font-size: 1.5rem;
	padding: 0;
	margin: 10% 0 0 0;		
	width: 100%;
	text-align: left;	
	text-transform: capitalize;
	text-align: center;
	width: 100%;
}

/* boxed button style links */
a.boxed:link, a.boxed:visited, a.boxed:active {
	/*position: relative; */
	position: absolute;
	left: 0; right: 0; margin-left: auto; margin-right: auto; bottom: 10px;
	display: inline-block;
	width: 80%;
	color: #ffffff;
	text-decoration: none;
	padding: 2% 5% 2% 5%;
	border: 1px solid #ffffff;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-transition: all 0.4s ease;  
	-moz-transition: all 0.4s ease;  
	-o-transition: all 0.4s ease;  
	-ms-transition: all 0.4s ease;  
	transition: all 0.4s ease;		
	z-index: 2;
}
a.boxed:hover {
	background: #999999;
}

/* boxed button style links */
a.boxedAskAQuestion:link, a.boxedAskAQuestion:visited, a.boxedAskAQuestion:active {
	position: relative;
	display: inline-block;
	color: #ffffff;
	font-size: 2.5em;
	text-decoration: none;
	padding: 2% 5% 2% 5%;
	border: 1px solid #ffffff;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-transition: all 0.4s ease;  
	-moz-transition: all 0.4s ease;  
	-o-transition: all 0.4s ease;  
	-ms-transition: all 0.4s ease;  
	transition: all 0.4s ease;		
	z-index: 2;
	text-align: center;
	margin-top: 3%;
}
a.boxedAskAQuestion:hover {
	background: #999999;
}

/* camera homepage slider */
.fluid_container {
	position: relative;
	display: inline-block;
	/*bottom: 0;
	height: 100%;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	max-width: 1400px;
	z-index: 0;*/
	width: 100%;
	padding: 0;
	float: left;
}

#new-patients-banner {
	position: relative;
	display: inline-block;
	padding: 20px;
	color: #fff;
	background: #24a7d8;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 100%;
}
#new-patients-banner h2 {
	color: #fff;
	line-height: 25px;
	margin: 0;
	padding: 0;
}
#new-patients-banner p {
	font-weight: normal;
}

#reviewSection {
	position: relative;
	display: inline-block;
	color:  #fff;
	width: 100%;
	float: left;
	margin: 0;
	padding: 5%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	overflow: hidden;
	/*border-top: 2px solid #24a7d8;*/
	/*border-bottom: 5px solid #24a7d8;*/
}

#coreSection {
	position: relative;
	display: inline-block;
	background: #24a7d8;
	color:  #fff;
	width: 100%;
	float: left;
	margin: 0;
	padding: 5% 5% 5% 5%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	/*overflow: hidden;*/
	/*border-top: 2px solid #24a7d8;*/
	/*border-bottom: 5px solid #24a7d8;*/
}
.belief1, .belief2, .belief3, .belief4 {
	display: none;
	position: absolute;
	top: -260px;
	padding:  10px;
	left: 0;
	transition: all 0.5s ease;
	background: rgba(255,255,255,1.0);
	border-radius: 0.5em;
	color: #333;
	z-index: 50;
	box-shadow: 0px 5px 5px #ccc;
}
.coreBelief1:hover + .belief1, .coreBelief2:hover + .belief2, .coreBelief3:hover + .belief3, .coreBelief4:hover + .belief4 {
	display: inline-block;
}

#servicesSection {
	position: relative;
	display: inline-block;
	background: #a3cc51;
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	overflow: hidden;
	text-align: center;
}

#contactSection {
	position: relative;
	display: inline-block;
	width: 100%;
	float: left;
	margin: 0;
	padding: 2% 5%;		
	text-align: center;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	overflow: hidden;
	/*background-size: 100%;
	background-repeat: none;*/
	background: #a3cc51;
	border-top: 2px solid #a3cc51;
	border-bottom: 2px solid #a3cc51;
}

#mapSection {
	position: relative;
	display: inline-block;
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	overflow: hidden;
}
.overlay {
   background:transparent; 
   position:relative; 
   width: 100%;
   height:450px; /* your iframe height */
   top:450px;  /* your iframe height */
   margin-top:-450px;  /* your iframe height */
   float: left;
}
.readMoreBtn {
	position: relative; display: inline-block; top: -8px; padding: 10px; background: #24a7d8; color: #fff;
	/*border-radius: 0.5em 0.5em 0.5em 0.5em;
	-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
	-webkit-border-radius: 0.5em 0.5em 0.5em 0.5em;*/
}

img.linkLogo {
	position: relative;
	top: 10px;
	margin: 0 10px 0 0;
	padding: 0;
}

/* send map to phone styles */
#sendMapToPhone {
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 1% 0 1% 0;
}
input.send-to-phone-form, select.send-to-phone-form {
	position: relative;
	width: 100%;
	border: none;
	padding: 2%;
	margin: 1% 0 0 0;
	background: #fff;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	color: #24a7d8;
	outline: none;
	font-size: 1.1rem;
	border: 1px solid #24a7d8; 
	border-radius: 0.2em;
	-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;	
	box-sizing: border-box;	
}
input.send-to-phone-form:hover, select.send-to-phone-form:hover {
	background: #ececec;
	border: 1px solid #c2c8ca;
}	
.send-to-phone-form-button {
	position: relative;
	display: inline-block;
	margin: 1% 0 0 0;
	cursor: pointer;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	color: #fff;
	padding: 1% 5% 1% 5%;
	background: #24a7d8; 
	border-radius: 0.2em;
	-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;		
	outline: none;
	border: none;
	font-size: 1.1rem;
	text-align: center;
	width: 100%;
}	
.send-to-phone-form-button:hover {
	color: #ffffff; 
	background: #c2c8ca; 
}
#message-send-to-phone {
	position: relative;
	display: none;
	padding: 2%;
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #24a7d8; 
	border-radius: 0.2em;
	-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	background: #ffffff;
}

h3.galleryTitle {
	position: relative;
	display: inline-block;
	width: 100%;
	color: #fff;
	background: #24a7d8;
	text-align: center;
	padding:  15px;
	margin: 0;
	float: left;
}

.greyBkgd {
	background: #cccccb;
}
.greenBkgd {
	background: #8ec73f;
}
.blueBkgd {
	background: #a5c6e4;
}
/* default title styles */
h2 {
	font-family: 'Roboto', cursive;
	font-weight: 400;
}
h1 {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}
h3, h4, h5 {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
}
h4 {
	text-transform: capitalize;
	font-weight: 300;
	color: #333;
	text-align: left;
}
h3 {
	text-transform: capitalize;
	color: #333;
	text-align: left;
	font-size: 1.5em;
	font-weight: 400;
	padding-top: 0;
	margin-top: 0;
}
h2 {	
	font-weight: 300;
	color: #a3cc51;
	text-align: left;	
	font-size: 2.5em;
	margin: 15px 0;
	line-height: 40px;
	text-transform: capitalize;
}
h1 {	
	text-transform: uppercase;
	color: #24a7d8;
	text-align: left;
	-webkit-font-smoothing: antialiased;
	width: 100%;
	text-align: center;
}


/* default link styles */
a:link, a:active, a:visited, a:hover {
	color: #24a7d8;
	text-decoration: underline;
	outline: none;
	transition: all 0.5s ease;
}
a:hover {
	color: #333; 
	text-decoration: underline;
	outline: none;
	/*background: #ffffff;*/
}

a.white:link, a.white:active, a.white:visited {
	color: #fff;
	text-decoration: none;
	outline: none;
	font-weight: 300;
	padding: 0;
	transition: all 0.5s ease !important;
}
a.white:hover {
	color: #fff; 
	text-decoration: underline;
	outline: none;
	/*background: #ffffff;*/
}

a.footerSocial:link, a.footerSocial:active, a.footerSocial:visited, a.footerSocial:hover {
	color: #333;
	text-decoration: none;
	outline: none;
	transition: all 0.2s ease;
	font-weight: 100;
	font-size:  2.0em;
	padding:  0 10px;
	transition: all 0.5s ease;
}
a.footerSocial:hover {
	color: #24a7d8; 
	text-decoration: underline;
	outline: none;
	/*background: #ffffff;*/
}

.center {
	text-align: center;
}

/* mapLink */
.locationImg {
	width: 100%;
	padding-bottom: 20px;
	opacity: 0.7;
	transition: all 0.5s ease;
	border-radius:  0.5em 0.5em 0 0;
}
.locationImg:hover {
	opacity: 1.0;
}

/* header button */
/* position set with media queries */
a.headerBtn:link, a.headerBtn:active, a.headerBtn:visited, a.headerBtn:hover{
	/* position is set to fixed
	   in desktop and tablet, hidden in mobile */
	position: absolute;
	top: -15px;
	right: 4%;
	display: inline-block;
	box-sizing: border-box;
	color: #fff;
	text-decoration: none;
	outline: none;
	transition: all 0.5s ease;
	font-size: 1.2em;
	transition: all 0.5s ease;
	border-radius: 0 0 0.5em 0.5em;
	padding:  25px 10px 15px 10px;
	z-index: 20;
	text-align: center;
	background: #9268AC;
	border: 1px solid #fff;
	text-transform: uppercase;
}
a.headerBtn:hover {
	top: -5px;
	color: #fff; 
	outline: none;
	background: #24a7d8;
}

/* buttons */
a.orangeBtn:link, a.orangeBtn:active, a.orangeBtn:visited {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	background: #000;
	color: #fff;
	text-decoration: none;
	outline: none;
	transition: all 0.5s ease;
	font-size: 1.2em;
	width: 100%;
	border-radius: 0.2em;
	padding:  15px 20px;
	z-index: 20;
	text-align: center;
	font-weight: 200;
	/*box-shadow: 5px 5px 5px #777;*/
	transition: all 0.5s ease;
}
a.orangeBtn:hover {
	background: #a3cc51;
	color: #fff;
	/*border: 2px solid #fff;*/
	/*box-shadow: 5px 5px 5px #ccc;*/
}

/* social media links */
a.facebookLink:link, a.facebookLink:active, a.facebookLink:visited, a.facebookLink:hover {
	color: #ccc;
	text-decoration: none;
	outline: none;
	transition: all 0.5s ease;
	text-transform: uppercase;
	font-size: 2.0em;
	transition: all 0.5s ease;
}
a.facebookLink:hover {
	color: #333; 
	text-decoration: underline;
	outline: none;
	/*background: #ffffff;*/
}
a.instagramLink:link, a.instagramLink:active, a.instagramLink:visited, a.instagramLink:hover {
	color: #ccc;
	text-decoration: none;
	outline: none;
	transition: all 0.5s ease;
	text-transform: uppercase;
	font-size: 2.0em;
	transition: all 0.5s ease;
}
a.instagramLink:hover {
	color: #ccc; 
	text-decoration: underline;
	outline: none;
	/*background: #ffffff;*/
}
a.twitterLink:link, a.twitterLink:active, a.twitterLink:visited, a.twitterLink:hover {
	color: #ccc;
	text-decoration: none;
	outline: none;
	transition: all 0.5s ease;
	text-transform: uppercase;
	font-size: 2.0em;
	transition: all 0.5s ease;
}
a.twitterLink:hover {
	color: #333; 
	text-decoration: underline;
	outline: none;
	/*background: #ffffff;*/
}

/* download buttons */
a.download:link, a.download:active, a.download:visited, a.download:hover {
	position: relative;
	display: inline-block;
	padding: 8px 5px 5px 5px;
	margin: 5px 0 5px 0;
	color: #ffffff;
	background: #24a7d8;
	text-decoration: none;
	font-size: 1.2em;
	-webkit-transition: all 0.4s ease;  
	-moz-transition: all 0.4s ease;  
	-o-transition: all 0.4s ease;  
	-ms-transition: all 0.4s ease;  
	transition: all 0.4s ease;			
}
a.download:hover {
	color: #ffffff;
	background: #c2c8ca;
}
img.download-icon {
	position: relative;
	float: left; 
	margin: 2px 5px 0 0;
}

/* mobile-call-now button */
a.callnow:link, a.callnow:active, a.callnow:visited, a.callnow:hover {
	position: relative;
	display: inline-block;
	padding: 5% 2% 5% 2%;
	width: 100%;
	box-sizing: border-box;
	margin: 1% 0 1% 0;
	color: #ffffff;
	background: #24a7d8;
	text-decoration: none;
	font-size: 1.2em;
	text-align: center;
	transition: all 0.5s ease;
}
a.callnow:hover {
	color: #ffffff;
	background: #c2c8ca;
}

/* button style link */
a.redButton:link, a.redButton:active, a.redButton:visited, a.redButton:hover {
	position: relative;
	display: inline-block;
	padding: 3%;
	margin: 2% 2% 2% 0;
	color: #ffffff;
	background: #BC68CA;
	border: 1px solid #fff;
	text-decoration: none;
	font-size: 1.2em;
	font-weight: bold;
	-webkit-transition: all 0.4s ease;  
	-moz-transition: all 0.4s ease;  
	-o-transition: all 0.4s ease;  
	-ms-transition: all 0.4s ease;  
	transition: all 0.4s ease;
	border-radius: 0.5em;	
	text-transform: capitalize;
}
a.redButton:hover {
	color: #ffffff;
	background: #c2c8ca;
	padding: 3%;
}

.cyanBtn {
	background: #a3cc51 !important;
}
.greyBtn {
	background: #bababb !important;
}
.blueBtn {
	background: #24a7d8 !important;
	color: #fff !important;
}

a.button:link, a.button:active, a.button:visited, a.button:hover {
	position: relative;
	display: inline-block;
	padding: 4% 4%;
	/*margin: 2% 2% 2% 0;*/
	color: #fff;
	background: #24a7d8;
	text-decoration: none;
	font-size: 1.2em;
	font-weight: 300;
	text-transform: uppercase;
	-webkit-transition: all 0.4s ease;  
	-moz-transition: all 0.4s ease;  
	-o-transition: all 0.4s ease;  
	-ms-transition: all 0.4s ease;  
	transition: all 0.4s ease;
	border-radius: 0.2em;		
	box-shadow: 0px 5px 5px #777;
	text-align: center;
	width:  100%;
}
a.button:hover {
	color: #333 !important;
	background: #c2c8ca !important;
	padding: 4% 4%;
	/*margin: 2% 2% 2% 0;*/
}

/* fancy download document link */
a.document-button:link, a.document-button:visited, a.document-button:active {
	position: relative;
	display: inline-block;
	padding: 20px;
	background: #24a7d8;
	color: #fff;
	font-size: 1.1em;
	margin-bottom: 10px;
	text-decoration: none;
	transition: all 0.5s ease;
	border-radius: 0.3em;
}
a.document-button:hover {
	background: #a3cc51;
	color: #fff;
}

/* social media sharing - Sharrre.com */
#social-media-sharing{
	position: fixed;
	top: 65px;
	left: 0;
	background: rgba(255,255,255,0.3);
	display: none;
	padding: 1%;
	z-index: 20;
}
.sharrre .button{
	position: relative;
	text-align: center;
	width: 65px;
	border: 1px solid #cccccc;
	padding: 2%;
	margin: 2%;	
}
.social-media-tab {
    position: fixed;
	width: 30px;
    top: 5px;
    left: -5px;
    text-decoration: none;
    color: #24a7d8;
    background: rgba(255,255,255,0.3);
    font-size: 12px;
    padding: 1em;
	z-index: 20;
}
.social-media-tab:hover {
	left: 0px;
	background: rgba(135,135,135,0.5);
}
.social-media-tab img {
	width: 25px;
}

/* social media links */
.social-media-link-container {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	padding: 0;
	overflow: hidden;
}
.social-media-link {
	position: relative;
	float: left;
	width: 30px;
	height: 30px;
	padding: 1px 1px 1px 1px;
	text-align: center;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.social-media-link img {
	width: 100%;
}	
.social-media-link-active {
	position: relative;
	float: left;
	width: 30px;
	height: 30px;
	padding: 1px 1px 1px 1px;
	text-align: center;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;	
}
.social-media-link-active img {
	width: 100%;
}	
#facebook-link {
	/*background: #ececec;*/
}
#facebook-link-active {
	background: #3B5998; /* facebook blue */
}
#youtube-link {
	/*background: #ececec;*/
}
#youtube-link-active {
	background: #bb0000; /* youtube red*/
}
#google-plus-link {
	/*background: #ececec;*/
}
#google-plus-link-active {
	background: #dd4b39; /* google+ red*/
}
#twitter-link {
	/*background: #ececec;*/
}
#twitter-link-active {
	background: #4099FF; /* twitter blue*/
}
#linkedin-link {
	/*background: #ececec;*/
}
#linkedin-link-active {
	background: #4099FF; /* linked */
}
#pinterest-link {
	/*background: #ececec;*/
}
#pinterest-link-active {
	background: #cb2027; /* pinterest */
}
#instagram-link {
	/*background: #ececec;*/
}
#instagram-link-active {
	background: #517fa4; /* instagram */
}
#foursquare-link {
	/*background: #ececec;*/
}
#foursquare-link-active {
	background: #0072b1; /* foursquare */
}

/* jquery shake effects */	
.ui-effects-wrapper {
	display:inline;
}

/* clear both */
.clear {
	clear:both
}

/* bios paragraphs */
.bios {
	display: inline-block;
	padding: 5px 2% 5px 2%;
	width: 96%;
	margin-left: 0;
	/*background: #ececec;*/
	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	font-size: 1.0em;
	float: left;
}
.bios b {
	position: relative;
	display: block;;
	font-size: 1.2rem;
	margin-bottom: 3px;
}

/* profile images */
img.profile {
	position: relative;
	display: inline-block;
	text-align: center;
	border-radius:  0.2em;
	border:  2px solid #24a7d8;
	width: 100%;
}
img.circle {
	position: relative;
	display: inline-block;
	text-align: center;
	width: 180px;
	height: 180px;
	border-radius: 50%;
	border: 3px solid #24a7d8;
	float: left;
	margin:  0 10px 10px 0;
}
.bold {
	font-weight: 500;
	color: #24a7d8;
}

/* google maps style */
div.google-map {
	position: relative;
	display: inline-block;
	margin-top: 2%;
	padding: 2%;
	border: 1px solid #24a7d8;
	margin-left: 0px;
	margin-bottom: 2%;	
	width: 96%;
}

/* faqs */
.faq {
	position: relative;
	display: inline-block;
	padding: 10px;
	border: 1px solid #ccc;
}
.faqs-show-answer {
	cursor: pointer;
}
.faqs-show-answer:hover h3{
	color: #c2c8ca;
}
.faqs-answer {
	display: none;
}

/* blockquote styles */
blockquote {
	display: inline-block;
	padding: 5px 10px 10px 10px;
	margin-left: 0;
	background: #c2c8ca;
	box-shadow: 5px 5px 5px #24a7d8;
	font-size: 1.1em;
	color: #ffffff;
}
.bqstart {
	position: relative;
	display: inline-block;
	height: 20px;
	padding-bottom: 0;
    font-size: 120%;
	color: #24a7d8;
}
.bqend {
	position: relative; 
	display: inline-block;
	height: 20px;
    font-size: 120%;
	color: #24a7d8;
}

/* ordered lists */
ol {
	margin-top: 1%;
	padding: 2%;
	background: #ececec;
}
ol li {
	list-style-type: decimal;
	margin-left: 20px;
	margin-bottom: 2%;
	margin-top: 3%;
}

/* unordered lists */
ul.norm {
	margin-top: 1%;
	padding: 2%;
	background: #ececec;
}
ul.norm li {
	list-style-type: circle;
	margin-left: 20px;
	margin-bottom: 1%;
}

/* round images */
.rounded {
	border-radius: .5em .5em .5em .5em;
	-webkit-border-radius: .5em .5em .5em .5em;
	-moz-border-radius: .5em .5em .5em .5em;	
}
.rounded-left {
	border-radius: .5em 0 0 .5em;
	-webkit-border-radius: .5em 0 0 .5em;
	-moz-border-radius: .5em 0 0 .5em;	
}

/* back to top floating button */
.back-to-top {
	position: fixed;
	display: inline-block;
	bottom: 0;
	right: 50%;
	text-decoration: none;
	color: #000000;
	background: rgba(0, 0, 0, 0.50);
	font-size: 12px;
	padding: 10px 15px 10px 15px;
	display: none;
	z-index: 100;
	width: 80px;
	text-align: center;
	margin-right: -40px;
}
.back-to-top:hover {    
	bottom: 0;
	background: rgba(0, 0, 0, 0.50);
}

/* message styles for forms */
#message_post_request {
	display: none;
	position: relative;
	padding: 10px;
	background: rgba(255,255,255,0.5); 
	color: #24a7d8;
	margin-bottom: 10px;
	border-radius: .3em;
	-webkit-border-radius: .3em;
	-moz-border-radius: .3em;	
	list-style: none;
}
#message_post {
	position: relative;
	display: inline-block;
	padding: 10px 0 10px 0;
	display: none;
	text-align: center;
	background: rgba(255,255,255,0.5);
	color: #24a7d8;
	z-index: 20;
	font-size: 1.1em;
}
.error {
	color: #ff0000;
}
.success {
	color: #576B12;
}
img.loading-icon {
	/*float: left;*/
}

/* fancy checkbox styles */
input[type=checkbox].checkBox:hover {
	cursor: pointer;
}
input[type=checkbox].checkBox:before { 
	content:""; 
	position: relative;
	display: inline-block; 
	float: left;
	margin: -2px 0 0 0;
	width: 17px; 
	height: 17px; 
	background: url("images/checkbox-images/checkbox.jpg");
	background-repeat: no-repeat;
	background-size: 100%;
}
input[type=checkbox].checkBox:checked:before { 
	background: url("images/checkbox-images/checkbox-checked.jpg");
	background-repeat: no-repeat;
	background-size: 100%;	
}

@font-face {
    font-family: TrajanBold;
    src: url("fonts/Trajan_Bold.ttf");
}

.socialIcons {
	height: 50px;
	padding: 10px 0 0 5px;
	opacity: 0.7;
	transition: all 0.3s ease;
}
.socialIcons:hover {
	opacity: 1.0;
}
.socialIconsFooter {
	height: 40px;
	padding: 0 5px;
	opacity: 0.8;
	transition: all 0.3s ease;	
}
.socialIconsFooter:hover {
	opacity: 1.0;
}

.footerIcons {
	width:  40px;
}

#modalBox {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.0em;
	box-sizing: border-box;
	padding: 0;
	color: #fff;
	background: rgba(0,0,0,0.6);
	z-index: 50;
	overflow: hidden;
	overflow-y: scroll;
}
#popUp {
	display: none;
	box-sizing: border-box;
	position: fixed;
	/*display: inline-block;*/
	margin-top: 100px;
	top: 0;
	left: 0;
	right: 0;
	z-index: 200;
	width: 90%;
	max-width: 500px;
	border: 1px solid #ececec;
	border-radius: 0.2em;
	transition: all 0.5s ease;
	background: #fff;
	padding: 20px;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 5px 5px 5px #333333;
}
a#closeMessage:link, a#closeMessage:active, a#closeMessage:visited {
	font-weight: bold;
	text-decoration: none;
	background: #fff;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	padding: 2px;
	text-align: center;
	position: absolute;
	display: inline-block;
	left: -10px;
	top: -10px;
	background: #ccc;
}

* { box-sizing: border-box; }
/*.video-background {
  background: #000;
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: -99;
}*/
.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 300;
}
#vidtop-content {
	top: 0;
	color: #fff;
}
.vid-info { position: absolute; top: 40%; right: 35%; width: 33%; background: rgba(0,0,0,0.3); color: #fff; padding: 1rem; font-family: Avenir, Helvetica, sans-serif; }
.vid-info h1 { font-size: 2rem; font-weight: 700; margin-top: 0; line-height: 1.2; }
.vid-info a { display: block; color: #fff; text-decoration: none; background: rgba(0,0,0,0.5); transition: .6s background; border-bottom: none; margin: 1rem auto; text-align: center; }
@media (min-aspect-ratio: 16/9) {
  .video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
  .video-foreground { width: 300%; left: -100%; }
}
@media all and (max-width: 600px) {
.vid-info { width: 50%; padding: .5rem; }
.vid-info h1 { margin-bottom: .2rem; }
}
@media all and (max-width: 500px) {
.vid-info .acronym { display: none; }
}
/* end of site css */